<template>
	<view class="pd30 bg-w" style="min-height: 100vh;">
		<view v-if="isWithdraw == false">
			<view class="bg-w bdr16 box-shadow pd40 flex space alcenter">
				<view class="flex alcenter">
					<image class="money-icon" :src="''"></image>
					<view class="ml20 ft16 text-info">当前余额</view>
				</view>
				<view class="ft16 ftw600 text-default">¥5.00</view>
			</view>
			
		
			
			<view class="mt40 bg-w bdr16 box-shadow pd40">
				<view class="ft16 text-info">提现额度</view>
				<view class="flex alcenter mt30">
					<text class="ft32 ftw600">￥</text>
					<input type="text" style="width:300rpx;height: 80rpx;" v-model="money" class="ft32 ftw600 pl10"/>
				</view>
			</view>
			<view class="mt20 flex ft14  text-notice">*提现将扣除0.6%的手续费，最少提现10元；1-7个工作日到您绑定的微信零钱</view>
			
			<view class="mt40">
				
				<button @click="isWithdraw = true" class="btn-main text-w ftw600">确认提现</button>
				
			</view>
		
		</view>
		
		<view v-if="isWithdraw == true">
			<view class="withdraw-main bg-w">
				<view class="text-center">
					<image class="withdraw-status" :src="''"></image>
				</view>
				<view class="text-center ft18 text-default ftw600">提现申请成功</view>
				
				<view class="text-center ft16 text-info mt50">
					我们会在1-7个工作日内审核并完成转账
				</view>
				
				<view class="flex center mt50">
					<button class="btn-mid">知道了</button>
				</view>
			</view>
			
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return {
				money:0,
				isWithdraw:false,
			}
		},methods:{
			
		}
	}
</script>

<style>
	.withdraw-main{
		padding-top: 80rpx;
	}	
	.withdraw-status{
		width: 300rpx;
		height: 300rpx;
	}
	
	.money-icon{
		width: 80rpx;
		height: 80rpx;
	}
	.tag-money{
		width:180rpx;
		height:100rpx;
		background:#FFFFFF;
		border-radius:50rpx;
		border:4rpx solid #E6E6E6;
		color:#333333;
		font-size: 32rpx;
		font-weight: 600;
	}
	.tag-money.on{
		border:none;
		background: #FF6D00;
		color:#FFFFFF;
	}
</style>